<template>
	<view class="statement" :style="{'background':bgcolor}">
		<view class="title">
			自助洗车管家业务说明
		</view>
		<view class="content" v-if="current ==0">
			<view class="name">
				权益名称
			</view>
			<text>自助洗车管家金卡月卡、自助洗车管家金卡年卡</text>
			<view class="name">
				产品权益内容
			</view>
			<text>①使用说明：自助洗车管家金卡是与【洗车助手】小程序联合为广大车主用户提供自助洗车福利平台，车主用户可在【自助洗车管家】微信公众号中领取自助洗车权益，转至【洗车助手】小程序中洗车抵扣使用，请根据使用说明中的提示使用；对自助洗车管家会员用户每月赠送2次免费自助洗车服务。</text>
			<text>②自助洗车：对自助洗车管家金卡用户每月赠送2次免费自助洗车服务；</text>
			<text>③查洗车场：会员用户取自助洗车权益后，按照说明兑换使用；</text>
			<text>④专属客服：会员享7*24小时专属客服4001768987优先服务；</text>
			<view class="name">
				注:
			</view>
			<text>*春节期间，权益平台的洗车场会有部分关闭，为避免领取权益后不能使用的情况，可先在【洗车助手】小程序中查看是否有可用洗车场后再领取使用，以免造成不必要的损失。</text>

			<view class="name">
				产品订购及失效规则
			</view>
			<text>①自助洗车管家金卡订购后立即生效；</text>
			<text>②产品状态查看及使用<br />
				用户关注【自助洗车管家】微信公众号，登录后，点击底部菜单“会员中心”，开通金卡会员即可领取自助洗车权益。</text>
			<text>③权益激活及使用<br />
				订购成功后可立即使用；领取权益后可关注【洗车助手】小程序，点击“我的”菜单，点击我的车辆，绑定车牌号；点击激活兑换，将领取的自助洗车权益激活码输入立即兑换，进入车场后按提示操作停车，选择已激活的洗车权益，启动自助洗车设备，即可自助洗车。</text>

			<view class="name">
				产品有效时间核算
			</view>
			<text>权益有效期示例：</text>
			<text>①月卡：月卡有效期30天，例如：1月5日生效的金卡月卡会员，有效期至2月3日。</text>
			<text>②年卡：有效期是生效日起至次年同日，例如：2024年1月5日开通的金卡年卡会员，有效期至2025年1月5日。</text>
			<text>请在规定的有效期内使用权益，逾期自动失效，不转结，不顺延，不转赠。</text>
			<view class="name">
				客服联系方式
			</view>
			<text>客服咨询热线：400-176-8987</text>
		</view>

	</view>
</template>
<script>
	import {
		onShow,
		onLoad
	} from "@dcloudio/uni-app";
</script>
<script setup>
	const current = ref(0)
	const bgcolor = ref('linear-gradient(to bottom,#F1DC9D,#FAEFD1)')
	onShow(() => {

	})
	onLoad((options) => { //获取路由参数
		console.log(options.type)
		console.log(options.type == 0)
		if (options.type) {
			current.value = Number(options.type)

		}


	})
	onReady(() => {
		if (current.value == 0) {
			console.log(123)
			console.log(bgcolor.value)
			let one = 'linear-gradient(to bottom,#F1DC9D,#FAEFD1)'
			bgcolor.value = one

		}
	})
</script>

<style lang="scss">
	.statement {
		width: 100%;
		height: auto;
		overflow-y: scroll;
		padding: 20rpx 30rpx;
		background: linear-gradient(to bottom, #F1DC9D, #FAEFD1);
		box-sizing: border-box;

		.title {
			font-size: 36rpx;
			color: #1F232E;
			font-weight: bold;
			text-align: center;
			line-height: 3;
		}

		.content {
			width: 100%;
			height: auto;
			padding: 20rpx 30rpx;
			box-sizing: border-box;
			background: #fff;
			display: flex;
			flex-direction: column;

			.name {
				font-size: 28rpx;
				color: #1F232E;
				line-height: 1.8;
				font-weight: bold;
			}

			text {
				line-height: 1.5;
				margin-top: 6rpx;
			}
		}


	}
</style>